<template>
  <div class="index-wrap">
           <!-- <mt-swipe :auto="4000">
      <mt-swipe-item  v-for="item in  parent_value"   :key="item.url">
          <img  :src="item.url">
        </mt-swipe-item>
      </mt-swipe> -->
      <qousew></qousew>
    <swiper :parent_value="roulowis"></swiper>
  </div>
</template>

<script>
import swiper from "../../components/swiper/swiper"
import qousew from "../../components/qousew/qousew"
import Vue from 'vue';
import 'mint-ui/lib/style.css';
import axios from 'axios'
import { Swipe, SwipeItem } from 'mint-ui';
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);
export default {
  name: 'Index',
   data(){
        return{
                value:[],
                arrs:[],
                roulowis:[]
        }
   },
   
        props: ['parent_value'],
          components:{
            qousew,
            swiper,
          },
          created(){
     this.getList();
  },
  methods:{
       getList(){
            	axios.get("/api/yingshi").then((res)=>{
				// console.log(res.data)
        this.arrs=res.data.links,
        this.value=res.data.boble
        this.roulowis=res.data.roulowis
			}).catch((err)=>console.log(err))
        },
  },
}

</script>
<style  lang="scss"   scoped>
.mint-swipe {
  height: 200px;

   .mint-swipe-item {
    text-align: center;

    img {
      width: 100%;
      height: 100%;
    }
   } 
}
</style>
